<div class="policy-special">
  <div class="news-title">
    <img src="../../../assets/image/home/divider-left.png" alt="">
    <div>区域政策矩阵对比分析专题</div>
    <img src="../../../assets/image/home/divider-right.png" alt="">
  </div>
  <nz-spin [nzSpinning]="isSpinning">
    <div class="special-total">
      <div class="special-title">
        <div class="item-title" [ngClass]="isChangeColor[i]?'clickNav':'inherit'" (click)="changeColor(i,topic.name)"
             *ngFor="let topic of topicsData;index as i">
          {{topic.name}}
        </div>
      </div>

      <div class="content" [ngStyle]="{display:isChangeColor[i]?'inherit':'none'}"
           *ngFor="let topic of topicsData;index as i">
        <div class="region">
          <div class="region-left">
            <div class="region-item" *ngFor="let reg of topic.policyTopicsRegions"
                 (mouseover)="regionSelect(reg.policy,i)">{{reg.region}}</div>
          </div>
          <!--<div class="viewMore" (click)="toMoreList(topic.id)">查看更多 >></div>-->

        </div>
        <div class="content">
          <div class="content-list" *ngFor="let policy of policyOfRegion[i]" routerLink="/new-policy-detail"
               [queryParams]="{id: policy.id,type:'相关政策'}">
            <div class="content-time">[{{policy.publishDate}}]</div>
            <div class="content-organ" [title]="policy.publishOrgan">{{policy.publishOrgan}}</div>
            <div class="content-title" [title]="policy.title">{{policy.title}}</div>
          </div>
        </div>

        <div class="viewMore2">
          <span routerLink="/related-policy-list"
                [queryParams]="{wordFrameId:topic.id,wordFrameName:paramName,region:topic.policyTopicsRegions[0]?.region}">
            查看更多>>
          </span>
        </div>
      </div>

    </div>

  </nz-spin>

</div>
